<html>
  <head>
    <title>ScrollTistoryMp3ListPage - tistory4mp3</title>
    {% if hasQuery %}
    <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.1.js"></script>
    <script type="text/javascript">
    <!-- 
      $(document).ready(
        function onPageLoad() {
        	{% for blogUrl in blogUrls reversed %}
            function lastAddedLiveFunc{{ blogUrl.num }}() {
                $('div#lastPostsLoader').html('<img src="/images/bigLoader.gif">');
                $.get("/TistoryMp3List?blogUrl={{ blogUrl.blogUrl }}&num={{ blogUrl.num }}", 
                  function(data) {
                    if(data != "") {
                      $(".TistoryMp3List:last").after(data);
                    }
                    {% ifequal end blogUrl.num %}
                      $('div#lastPostsLoader').empty();
                    {% endifequal %}
                  }
                );
                
                {% ifnotequal end blogUrl.num %}
                  lastAddedLiveFunc{{ blogUrl.num|add:"1" }}();
                {% endifnotequal %}
              };
              {% endfor %}
              
            lastAddedLiveFunc1();
          }
        );
    // -->
    </script>
    {% endif %}   
  </head>
  
  <body>
    <h1>Input Mp3 File Keywords that You Find.<br/>(ex: Beatles, Aerosmith, Dream on, etc...)</h1>
      <form action="/" method="get">
        <div>Query: <input name="query" size="50" /><input type="submit" value="Search!" /></div>
      </form>
      
      {% if hasQuery %}
        {{ search_results }}
      {% endif %}
      
      <div class="TistoryMp3List" id="0"> 
      </div>
      
      <div id="lastPostsLoader"> 
  
	</body>
</html>